<template>
	<view>
		<view style="width: 100%;" :style="{'height':isIphoneX ? '178rpx' : '110rpx'}"></view>
		<view class="bottom-but" :class="{'not-point':types==2}" @click.stop="$emit('skip')" :style="{'padding-bottom':isIphoneX ? '34px' : '0px'}">
			{{text}}
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			text: String,
			types: {
				type: Number,
				default () {
					return 1; //1可点2不可点
				}
			}
		},
		data() {
			return {
				isIphoneX: false,
			};
		},
		created() {
			this.isIphoneX = this.getIsIphoneX(); 
		},
		methods: {
			getIsIphoneX() {
				let info = wx.getSystemInfoSync();
				if (/iPhone X/i.test(info.model)) {
					return true;
				} else {
					return false;
				}
			}
			// getIsIphoneX: function() {
			// 	const self = this;
			// 	wx.getSystemInfo({
			// 		success: function(res) {
			// 			console.log(res)
			// 			// 根据 屏幕高度 进行判断 
			// 			if (res.screenHeight - res.windowHeight - res.statusBarHeight - 32 > 72) {
			// 				return true;
			// 			} else {
			// 				return false;
			// 			} 
			// 		}

			// 	}) 
			// }
		}
	}
</script>

<style lang="scss" scoped>
	.bottom-but {
		width: 100%;
		min-height: 110rpx;
		text-align: center;
		line-height: 110rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		font-size: 12+32rpx;
		color: #FEFEFE;
		background: #000;
	}

	.not-point {
		background: #CCCCCC;
		color: #666666;
	}
</style>
